page-tihuo {
	ion-segment {
		background: #fff;
	}
	.tihuo-viewpage {
		.segment-button {
		// border-color:rgb(246, 138, 48);
		color: rgb(138, 138, 138);
		}
	}
	.segment-md .segment-button.activated,
	.segment-md .segment-button.segment-activated {
		border-color: #ff0000;
		color: #ff0000;
		opacity: 1;
	}
	.card-list {
		.null {
			height: 50%;
			margin-top: 20%;
			img {
				margin-top: 10%;
				width: 40%;
				height: 40%;
				display: block;
				margin: auto;
			}
			span {
				display: block;
				text-align: center;
				color: rgb(138, 138, 138);
				font-size: 1.4rem;
			}
		}
		.order-info {
			display: flex;
			flex-flow: column;
			.loading{
				display: flex;
				justify-content: center;
			}
			.order {
				display: flex;
				flex-flow: column;
				.state-title {
				font-size: 1.4rem;
				display: flex;
				justify-content: space-between;
				padding: 8px;
				background: #fff;
				border-bottom: 1px solid rgb(240, 240, 240);
				span:first-child {
					color: rgb(138, 138, 138)
				}
				span:last-child {}
				}
				.goods-info {
				font-size: 1.4rem;
				display: flex;
				padding: 15px; //   background: rgb(240, 240, 240);
				border-bottom: 1px solid rgb(240, 240, 240);
				.goods-img {
					width: 55%;
				}
				.goods-title {
					margin-left: 5%;
					width: 100%;
					.title {
						height: 70%;
						display: flex;
						justify-content: space-between;
						span:first-child {
							font-weight: 500;
							font-size: 1.6rem;
						}
						span:last-child {
							color: #ff0000
						}
					}
					.price {
						height: 30%;
						display: flex;
						justify-content: space-between;
						// margin-left: 5%;
						.quantity {
							display: flex;
							justify-content: space-between;
							width: 100%;
							span:first-child{
								// color:#
							}
							span:last-child{
								color:#ff0000
							}
						}
					}
				}
				}
				.order-id {
					display: flex;
					flex-flow: column;
					font-size: 1.4rem;
					border-bottom: 1px solid rgb(240, 240, 240);
					justify-content: space-between;
					padding: 8px;
					background: #fff;
					.bottom-info{
						justify-content: space-between;
						.phone {
							img {
								align-self: center;
							}
							ion-icon{
								align-self: center;
							}
							span {
								margin-left: 12px;
							}
						}

					}
					
					div:first-child {
						img {
							width: 16px;
							height: 16px;
						}
						display: flex;
					}
					div:last-child {
						span {
						float: left;
						
						}
					}
				}
				.express {
					font-size: 1.4rem;
					color: rgb(138, 138, 138);
					padding: 8px;
					border-bottom: 1px solid rgb(240, 240, 240);
					display: flex;
					span:first-child {
						// margin-left: 22px;
					}
				}
			}
		}
	}
}
